<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>刘超群博客</title>
    <!--描述和摘要-->
    <meta name="Description" content=""/>
    <meta name="Keywords" content=""/>
    <!--载入公共模板-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/php/myspl/blog/resource/home/org/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
    <script src="http://127.0.0.1/php/myspl/blog/resource/home/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://127.0.0.1/php/myspl/blog/resource/home/org/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/php/myspl/blog/resource/home/css/index.css" />
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/php/myspl/blog/resource/home/css/backTop.css"/>
</head>
<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1>后盾blog教学</h1>
            </div>
        </div>
    </div>
</header>
<nav role="navigation" class="navbar navbar-default">
    <div class="container">
        <div class="row">
            <div class="col-sm-12" >

                <div class="navbar-header">

                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">

                        <span class="sr-only">切换导航</span>

                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>


                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="_menu" >
                        <li class="_active"><a href="http://127.0.0.1/php/myspl/blog">首页</a></li>
                                                    <li ><a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=1">新闻</a></li>
                                                    <li ><a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=2">军事</a></li>
                                                    <li ><a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=3">娱乐</a></li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
<section>
    <div class="container">
        <div class="row">
            <!--标签规定文档的主要内容main-->
            <main class="col-md-8">
                
	<article class="_carousel">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="<?php echo __ROOT__?>/resource/home/images/1.jpg">
				</div>
				<div class="item">
					<img src="<?php echo __ROOT__?>/resource/home/images/2.jpg">
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			</a>
		</div>
	</article>
	<?php foreach ((array)$articleData as $k=>$v){?>
	<article>
		<div class="_head">
			<h1><?php echo $v['title']?></h1>
								<span>
								作者：
								<?php echo $v['author']?>
								</span>
			•
			<!--pubdate表⽰示发布⽇日期-->
			<time pubdate="pubdate" datetime="<?php echo date('y-m-d',$v['sendtime'])?>"><?php echo date('y-m-d',$v['sendtime'])?></time>
			•
			分类：
			<a href="<?php echo u('listpage.index',['cid'=>$v['cid']])?>"><?php echo $v['cname']?></a>
		</div>
		<div class="_digest">
			<img src="<?php echo $v['thumb']?>"  class="img-responsive"/>
			<p>
				<!--<?php echo $v['digest']?>-->
			</p>
		</div>
		<div class="_more">
			<a href="<?php echo u('content.index',['aid'=>$v['aid']])?>" class="btn btn-default">阅读全文</a>
		</div>
		<div class="_footer">
			<i class="glyphicon glyphicon-tags"></i>
			<?php foreach ((array)$v['tag'] as $kk=>$vv){?>
			<a href="<?php echo u('listpage.index',['tid'=>$vv['tid']])?>"><?php echo $vv['tname']?></a>、
			<?php }?>
		</div>
	</article>
	<?php }?>
	<?php echo $page?>
	
            </main>
            <aside class="col-md-4 hidden-sm hidden-xs">
                <div class="_widget">
                    <h4>关于自己</h4>
                    <div class="_info">
                        <p>多年一线开发经验与讲师经验。擅长引导思维，而不是一味灌输，新生代优秀青年讲师的代表...</p>
                        <p>
                            <i class="glyphicon glyphicon-volume-down"></i>
                            目前就职于
                            <a href="http://www.houdunwang.com" target="_blank">北京后盾网</a>
                        </p>
                    </div>
                </div>
                <div class="_widget">
                    <h4>分类列表</h4>
                    <div>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=1">新闻 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=2">军事 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=3">娱乐 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=4">腾讯新闻 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=5">新浪新闻 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=6">百度新闻 (0)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=7">环球军事 (0)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=8">中华军事 (0)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=9">娱乐猛回头 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=10">娱乐梦工厂 (0)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=11">英雄联盟春季赛 (1)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=14">爱情 (2)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=15">亲情 (0)</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&cid=16">友情 (0)</a>
                                            </div>
                </div>
                <div class="_widget">
                    <h4>标签云</h4>
                    <div class="_tag">
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=1">旅行</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=2">幸福</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=3">PHP</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=4">HTML</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=5">生活</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=6">LPL夏季赛</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=7">周星驰</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=8">八卦</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=9">杂谈</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=11">爱情</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=12">亲情</a>
                                                <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=13">友情</a>
                                            </div>
                </div>

            </aside>
        </div>
    </div>
</section>
<footer class="hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <h4 class="_title">最新文章</h4>
                <div id="" class="_single">
                                        <p><a href="">夕阳下的恋人</a></p>
                    <time>2016-09-13</time>
                                        <p><a href="">青春对白，邮寄我的时光</a></p>
                    <time>2016-09-13</time>
                                        <p><a href="">nidsv</a></p>
                    <time>2016-09-10</time>
                                    </div>
            </div>
            <div class="col-sm-4 footer_tag">
                <div id="">
                    <h4 class="_title">标签云</h4>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=1">旅行</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=2">幸福</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=3">PHP</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=4">HTML</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=5">生活</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=6">LPL夏季赛</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=7">周星驰</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=8">八卦</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=9">杂谈</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=11">爱情</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=12">亲情</a>
                                            <a href="http://127.0.0.1/php/myspl/blog/index.php?s=home/listpage/index&tid=13">友情</a>
                                    </div>
            </div>
            <div class="col-sm-4">
                <h4 class="_title">友情链接</h4>
                <div id="" class="_single">
                                        <p><a href="http://www.baidu.com" target="_blank">百度</a></p>
                                        <p><a href="http://www.sina.com" target="_blank">新浪</a></p>
                                    </div>
            </div>
        </div>
    </div>
</footer>
<div class="footer_bottom">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <a href="">后盾blog教学</a>
                |
                <a href="">教学demo</a>
                |
                <a href="">admin@admin.com</a>
            </div>
        </div>
    </div>
</div>
<!--返回顶部自己写的插件-->
<script src="./js/backTop.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function(){
        //插件使用
        $('.back_top').backTop({right:30});
    })
</script>
<div class="back_top hidden-xs hidden-md">
    <i class="glyphicon glyphicon-menu-up"></i>
</div>
</body>
</html>

